#index-page h2{font-size:20px;color:#363636;line-height:1;font-weight:700;text-align:center;display:block;margin-right:auto;margin-left:auto}#index-page .hot-classes h2{width:120px;border-bottom:2px solid #ffb703;padding-bottom:12px;padding-left:8px;padding-right:8px;margin-top:0;margin-bottom:20px}#index-page .hot-classes ul{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:12px 0;margin-bottom:20px}#index-page .hot-classes ul .a-class{background-color:#fff;box-shadow:0 2px 6px #00000038;border-radius:10px}#index-page .hot-classes ul li .under-box{padding:20px}#index-page .hot-classes ul li .under-box h3{font-size:18px;font-weight:700;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#363636;margin-bottom:12px;max-width:176px;text-align:center;margin-right:auto;margin-left:auto}#index-page .hot-classes ul li:hover .under-box h3{color:#0e7db6}#index-page .hot-classes ul li .under-box ul{display:flex;justify-content:space-between;border-top:2px solid #ccc;padding-top:16px;margin-bottom:0}#index-page .hot-classes ul li .under-box ul li{display:flex;flex-direction:column;justify-content:space-between}#index-page .hot-classes ul li .under-box ul img{width:24px;margin-right:auto;margin-left:auto}#index-page .hot-classes ul li .class-pic{width:100%;height:54%;border-radius:10px 10px 0 0}#index-page .hot-classes{background-image:url(/build/assets/bg-3-e9510b9b.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;padding:28px 0}#index-page .news h2{width:120px;border-bottom:2px solid #ffb703;padding-bottom:12px;padding-left:8px;padding-right:8px;margin-top:40px;margin-bottom:24px}#index-page .news .flex-box .news-box{background-color:#fff;box-shadow:0 2px 6px #00000038;border-radius:10px}#index-page .news .flex-box .news-box:first-of-type{margin-bottom:20px}#index-page .news .flex-box .news-box .title-box{display:flex;padding:16px 24px 8px 40px;background-color:#0e7db6;align-items:baseline;border-radius:10px 10px 0 0}#index-page .news .flex-box .news-box .white-box{padding:16px 20px}#index-page .news .flex-box .news-box .big-one a{background-image:linear-gradient(#e8f5f9,#e8f5f9),linear-gradient(#e8f5f9,#e8f5f9);background-blend-mode:normal,normal;display:flex;margin-bottom:16px}#index-page .news .flex-box .news-box .big-one img{width:112px;height:94px;margin-right:16px}#index-page .news .flex-box .news-box .big-one .text-box{padding:12px 8px 0 0}#index-page .news .flex-box .news-box .big-one h3{font-size:16px;line-height:24px;letter-spacing:0px;color:#0e7db6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#index-page .news .flex-box .news-box .big-one p{font-size:12px;font-weight:400;font-stretch:normal;line-height:16px;letter-spacing:0px;color:#666;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#index-page .news .flex-box .news-box .big-one time{font-size:14px;line-height:1;letter-spacing:0px;color:#666}#index-page .news .flex-box .news-box .title-box h3{font-size:18px;font-weight:700;font-stretch:normal;line-height:1;letter-spacing:0px;color:#fff;margin-right:auto}#index-page .news .flex-box .news-box .title-box a{font-size:16px;color:#fff;line-height:1;font-weight:700;padding-bottom:4px}#index-page .news .flex-box .news-box ul{border-top:solid 2px #0e7db6}#index-page .news .flex-box .news-box ul li{border-bottom:2px solid #ccc}#index-page .news .flex-box .news-box ul li:last-of-type{border-bottom:none}#index-page .news .flex-box .news-box ul li a{display:flex;align-items:center;height:50px}#index-page .news .flex-box .news-box ul li span{font-size:16px;font-weight:700;line-height:1;letter-spacing:0px;color:#0e7db6;margin-right:8px;margin-left:12px}#index-page .news .flex-box .news-box ul li p{font-size:16px;letter-spacing:0px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-right:12px;width:100%}#index-page .news .flex-box .news-box ul li time{font-size:12px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0px;color:#666;white-space:nowrap;margin-right:auto}#index-page .news{margin-bottom:40px}#index-page .banner{background-image:url(/build/assets/banner-bg-19e6086f.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;padding:98px 0 64px}#index-page .banner .logo{width:188px;height:40px;margin-right:auto;margin-left:auto;margin-bottom:18px}#index-page .banner h2{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:0px;color:#ffb703;margin-bottom:12px;text-align:center}#index-page .banner p{font-size:16px;font-weight:400;font-stretch:normal;line-height:1;letter-spacing:0px;color:#fff;text-align:center}#index-page .pc-pic{display:none}#index-page .under-banner{background-image:url(/build/assets/under-banner-2ae233fe.png);background-repeat:no-repeat;background-size:cover;background-position:center center;padding:18px 0;margin-bottom:28px}#index-page .under-banner p{font-size:20px;font-weight:700;line-height:1;letter-spacing:0;color:#fafafa;text-align:center}#index-page .start ul{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:12px 0;margin-bottom:20px}#index-page .start ul img{width:80px;height:80px;margin-right:auto;margin-left:auto;margin-bottom:-40px;position:relative}#index-page .start ul .word-box{background-color:#e8f5f9;padding:66px 0 32px}#index-page .start ul .word-box p{font-size:14px;font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#363636;text-align:center}#index-page .start ul .word-box h2{font-size:18px;font-weight:700;font-stretch:normal;line-height:1;letter-spacing:0px;color:#0e7db6;margin-bottom:16px;text-align:center}#index-page .index-yellow-btn{border-radius:8px;display:block;margin-right:auto;margin-left:auto;width:120px;line-height:38px;text-align:center;font-size:20px;color:#fff;border:2px solid transparent;overflow:hidden;position:relative;transition:color .5s ease-in-out;z-index:1}#index-page .index-yellow-btn:hover{color:#ffb703;border:2px solid #ffb703}#index-page .index-yellow-btn:hover:before{left:127%}#index-page .index-yellow-btn:before{content:"";position:absolute;z-index:-1;width:120%;left:-10%;top:-5px;bottom:-5px;background-image:linear-gradient(#ffb703,#ffb703),linear-gradient(#219ebc,#219ebc);background-blend-mode:normal,normal;transform:skew(-30deg);transition:left .5s ease-in-out}#index-page .start{margin-bottom:28px}#index-page .what-to-learn{background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-image:url(/build/assets/bg-2-m-641048d9.jpg);padding:32px 0}#index-page .what-to-learn h2{font-size:20px;font-weight:700;line-height:1;text-align:center;letter-spacing:0px;color:#fff;margin-bottom:12px}#index-page .what-to-learn p{font-size:12px;font-weight:400;font-stretch:normal;line-height:18px;letter-spacing:0px;color:#fff;padding-bottom:16px;background-image:url(/build/assets/line-1db9e8ee.png);background-repeat:no-repeat;background-size:84px 1px;background-position:center bottom;text-align:center;margin-bottom:20px}#index-page .what-to-learn .w-1200px-container{padding:0 12px}#index-page .what-to-learn ul{display:flex;flex-direction:column;align-items:flex-end}#index-page .what-to-learn ul li{width:176px;height:48px;margin-bottom:0;background-image:url(/build/assets/icon-2-1-9078d5c8.png);background-size:100% 100%;text-align:center;padding-left:52px;padding-top:12px}#index-page .what-to-learn ul li a{font-size:14px;color:#0e7db6;line-height:1}#index-page .what-to-learn ul li:nth-of-type(2){background-image:url(/build/assets/icon-2-2-2804a187.png)}#index-page .what-to-learn ul li:nth-of-type(3){background-image:url(/build/assets/icon-2-3-c181bfbe.png)}#index-page .what-to-learn ul li:nth-of-type(4){background-image:url(/build/assets/icon-2-4-06eec59b.png)}#index-page .what-to-learn ul li:nth-of-type(5){background-image:url(/build/assets/icon-2-5-7a0bdad5.png)}#index-page .what-to-learn ul li:nth-of-type(1):hover{background-image:url(/build/assets/icon-2-1-w-7df49b7c.png)}#index-page .what-to-learn ul li:nth-of-type(2):hover{background-image:url(/build/assets/icon-2-2-w-63447883.png)}#index-page .what-to-learn ul li:nth-of-type(3):hover{background-image:url(/build/assets/icon-2-3-w-221b356f.png)}#index-page .what-to-learn ul li:nth-of-type(4):hover{background-image:url(/build/assets/icon-2-4-w-c60e5f29.png)}#index-page .what-to-learn ul li:nth-of-type(5):hover{background-image:url(/build/assets/icon-2-5-w-784a4b45.png)}#index-page .two-block{padding:40px 0}#index-page .two-block .grid-box{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:12px 0}#index-page .two-block .a-block{background-color:#e8f5f9;border-radius:10px;padding:24px 24px 0;height:234px}#index-page .two-block .a-block:first-of-type{padding:24px 12px 0}#index-page .two-block h2{font-size:28px;font-weight:700;line-height:1;letter-spacing:0px;color:#363636;margin-bottom:40px}#index-page .two-block .a-block:last-of-type h2{margin-bottom:64px}#index-page .two-block .a-block ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px 12px}#index-page .two-block .a-block ul li{display:flex}#index-page .two-block .a-block ul img{width:36px;height:36px;margin-right:4px}#index-page .two-block .a-block ul h3{font-size:20px;font-weight:700;font-stretch:normal;line-height:1;letter-spacing:0px;color:#0e7db6;margin-bottom:4px}#index-page .two-block .a-block:last-of-type{background-image:url(/build/assets/phone-35edc134.png);background-size:125px 160px;background-repeat:no-repeat;background-position:left 12px bottom -24px}#index-page .two-block .a-block ul p{font-size:12px;font-weight:400;font-stretch:normal;line-height:1;letter-spacing:0px;color:#363636;white-space:nowrap}#index-page .two-block .a-block:last-of-type p{font-size:12px;font-weight:400;font-stretch:normal;line-height:1.5;letter-spacing:0px;color:#666;width:160px;margin-left:auto}#index-page .good-for-self{background-image:url(/build/assets/bg-l-06e72e59.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;padding:36px 0}#index-page .good-for-self h2{font-size:24px;font-weight:700;text-align:center;line-height:1;margin-bottom:12px;color:#fff}#index-page .good-for-self p{font-size:14px;line-height:1.2;padding-bottom:20px;background-image:url(/build/assets/line-1db9e8ee.png);background-repeat:no-repeat;background-size:84px 1px;background-position:center bottom;margin-bottom:20px;text-align:center;color:#fff}@media (min-width: 1200px){#index-page .two-block{margin-top:80px;margin-bottom:80px;padding:0}#index-page .news .flex-box .news-box .big-one h3{font-size:18px}#index-page .news .flex-box .news-box .big-one p{font-size:14px}#index-page .news .flex-box .news-box .big-one time{font-size:14px}#index-page .good-for-self p{line-height:1;padding-bottom:44px;background-size:170px 2px;margin-bottom:44px;font-size:20px}#index-page .good-for-self h2{font-size:32px;margin-bottom:20px}#index-page .good-for-self{padding:76px 0}#index-page .two-block .a-block:last-of-type p{font-size:18px;line-height:32px;width:320px}#index-page .two-block .a-block ul p{font-size:20px}#index-page .two-block .a-block ul h3{font-size:36px;margin-bottom:12px}#index-page .two-block .a-block ul img{width:72px;height:72px;margin-right:16px}#index-page .two-block .a-block ul{grid-gap:38px 32px}#index-page .two-block .a-block:last-of-type h2{margin-bottom:128px}#index-page .two-block .a-block:last-of-type{background-size:225px 318px;background-position:left bottom -56px}#index-page .two-block h2{font-size:36px;margin-bottom:92px}#index-page .two-block .grid-box{grid-template-columns:repeat(2,1fr);grid-gap:0 20px}#index-page .two-block .a-block{padding:48px 48px 0;height:414px}#index-page .two-block .a-block:first-of-type{padding:48px 24px 0}#index-page .what-to-learn h2{font-size:32px;margin-bottom:16px}#index-page .what-to-learn ul{padding-right:186px}#index-page .what-to-learn ul li{width:348px;height:88px;padding-left:56px;padding-top:32px}#index-page .what-to-learn ul li a{font-size:24px}#index-page .what-to-learn p{font-size:20px;width:918px;line-height:28px;margin-right:auto;margin-left:auto;margin-bottom:80px;padding-bottom:20px;background-size:170px 2px}#index-page .what-to-learn{background-size:cover;background-image:url(/build/assets/bg-2-044273f7.jpg);padding:80px 0 100px}#index-page .what-to-learn .w-1200px-container{padding:0}#index-page .index-yellow-btn{width:210px;line-height:54px;font-size:28px}#index-page .start ul{margin-bottom:40px;grid-template-columns:repeat(3,1fr);grid-gap:0 90px;background-image:url(/build/assets/bg-2-9e333c1a.png);background-position:top 112px center;background-size:590px 14px;background-repeat:no-repeat}#index-page .start ul .word-box h2{font-size:24px}#index-page .start ul .word-box p{font-size:16px}#index-page .start{margin-bottom:60px}#index-page .under-banner p{font-size:32px}#index-page .under-banner{padding:34px 0;margin-bottom:60px}#index-page .banner p{font-size:28px}#index-page .pc-pic{display:block}#index-page .m-pic{display:none}#index-page .banner h2{font-size:50px;margin-bottom:24px}#index-page .banner .logo{width:381px;height:79px;margin-bottom:34px}#index-page .banner{padding:249px 0 178px}#index-page .news{margin-bottom:80px}#index-page .news .flex-box .news-box:first-of-type{margin-bottom:0}#index-page .news .flex-box{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:60px;column-gap:60px}#index-page .news .flex-box .news-box ul li span{font-size:18px;margin-left:20px}#index-page .news .flex-box .news-box ul li p{font-size:16px;margin-right:20px}#index-page .news .flex-box .news-box ul li time{font-size:14px}#index-page .news .flex-box .news-box .big-one .text-box{padding:20px 12px 0 0}#index-page .news .flex-box .news-box .big-one p{margin-bottom:28px;line-height:24px}#index-page .news .flex-box .news-box .big-one img{width:200px;height:152px}#index-page .news .flex-box .news-box .title-box a{font-size:18px}#index-page .news .flex-box .news-box .title-box h3{font-size:30px}#index-page .news h2{width:170px;padding-bottom:24px;padding-left:20px;padding-right:20px;margin-top:80px;margin-bottom:48px}#index-page .hot-classes ul li .class-pic{height:167px}#index-page .hot-classes{padding:60px 0}#index-page .hot-classes ul{grid-template-columns:repeat(4,1fr);grid-gap:0 24px;margin-bottom:40px}#index-page .hot-classes h2{width:170px;padding-bottom:24px;padding-left:20px;padding-right:20px;margin-bottom:52px}#index-page h2{font-size:32px}}